@charset "utf-8";
body { background-color:#fff;color:#666666;font:12px/1.231 Verdana, Arial, Helvetica, sans-serif ,""; } /*网站字体颜色background:url(Img/Common/bg.gif) repeat-x left top*/
html,body{-webkit-text-size-adjust:none;}
a { color:#666666; text-decoration:none; }  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:underline;}
.vam { vertical-align:middle;}
.clear{ clear:both; font-size:0; line-height:0; height:0; overflow:hidden;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.fw{ font-family:"微软雅黑","宋体";}
.pa{ position:absolute;}
.pr{ position:relative}
.mt8{ margin-top:8px;}
.font14 { font-size:14px; font-weight:bold;}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}



/* -- 页面整体布局 -- */
.header , .content , .footer { width:1120px; margin:0 auto;}

.left { width:201px; float:left; overflow:hidden;}
.left2 { width:670px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { background:url(Img/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.left2top { background:url(Img/left2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.leftbot { background:url(Img/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { background:url(Img/right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }

.right { width:754px; float:left; display:inline; margin-left:5px; overflow:hidden;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.righttop {  font-size:0; overflow:hidden;}
.right2top { background:url(Img/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.rightbot { font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { background:url(Img/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main {   min-height:458px; padding-bottom:15px; overflow:hidden;}
.right2_main { width:273px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.left2_main { width:668px;  border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}

/*头部开始*/

.h_con { height:98px;}
.h_con h1 { overflow:hidden; padding:15px 0 0 6px;}
.h_con h1 img { float:left; margin-right:24px; display:inline;width: 180px}
.h_con h1 span { float:left; color:#fec81e; font: bold 22px "微软雅黑";padding-top:14px;}
.h_con h1 span em { display:block;  color:#8f8f8f;}

.h_pho { width:246px; padding:30px 0 0 0; text-align:right;}
.h_pho .join{ color:#b1b1b1; font:12px/28px "宋体";}
.h_pho .join a { padding:0 10px; margin-right:-10px; display:inline-block; color:#636363;}
.h_pho .pho01 { color:#636363; font:15px "微软雅黑"; overflow:hidden;}
.h_pho .pho01 span { font:22px/32px Impact; color:#fec81e;}

.h_nav { width:1180px; height:51px; padding:4px 4px 0; margin:0 auto; }
.h_nav ul li { float:left; height:51px; background:url(Img/Common/nbor.gif) no-repeat right 1px; overflow:hidden;}
.h_nav ul li a { color:white; padding:0 27px; display:inline-block; height:51px; font:16px/51px "微软雅黑"; overflow:hidden;}
.h_nav ul li a:hover, .h_nav ul .cur a { border:1px solid #fec81e; color:#000;  display:inline-block; cursor:pointer; text-decoration:none;}
.h_nav ul li a:-webkit-any-link{ display:block;}
.h_nav ul .nobot { background:none;}

.ser { height:84px; background:#f3f3f3; overflow:hidden;}
.h_ser { width:1120px; height:84px; margin:0 auto; overflow:hidden;}
.h_ser p { height:84px; color:#696969; font:14px/84px "宋体"; overflow:hidden;}
.h_ser p a { display:inline-block; color:#7a7a7a; font:14px/80px "宋体"; padding:0 7px;}
.h_ser p b{ color:#434343;}
.s_inp { width:308px; height:36px; padding:25px 0 0 0;}
.inp01 { width:267px; height:34px; border:1px solid #cfcfcf; border-right:0; background:#fff; text-align:left; padding-left:10px; color:#ababab; font:14px/34px "微软雅黑";}
.inpso { background:url(Img/Common/so.gif) no-repeat; display:inline-block; width:30px; height:36px; border:0;}

/*头部结束*

/*底部开始*/
.fbg { background:url(Img/Common/fbg.gif) repeat-x; height:389px; overflow:hidden;}
.gw { width:1120px; height:338px; overflow:hidden;}
.gw .dl03 { width:350px; float:right; margin-right:0; background:none; overflow:hidden;}
.gw .dl03 p img{ vertical-align:middle; margin:0 10px 0 0;}
.gw dl { width:140px; height:282px; padding:56px 0 0 0; margin-right:52px; display:inline; overflow:hidden; float:left; background:url(Img/Common/fbor.gif) no-repeat right 62px;}
.gw dl dt { font:20px "微软雅黑"; height:50px; overflow:hidden;}
.gw dl dt a { color:#fff;}
.gw dl dd { overflow:hidden; padding:5px 0 0 0;}
.gw dl dd a { color:#d6d6d6; font:14px/28px "微软雅黑"; padding:0 0 0 10px; background:url(Img/Common/fdd.gif) no-repeat left center; display:block;}
.gw dl dd p { color:#d6d6d6; font:14px/28px "微软雅黑";}


.f_con { height:51px; overflow:hidden;}
.f_con p { font:14px/51px "微软雅黑"; color:#d6d6d6; overflow:hidden;}
.f_con p a { color:#d6d6d6; padding:0 8px; font:14px/51px "微软雅黑";}
/*底部结束*/

 

/*banner开始*/
.banner {
	width:100%;
	height:100px;
	overflow:hidden;
	position:relative;
}
.banner ul {
	width:10000%;
	height:100%;
	position:relative;
	left:0; top:0;
}
.banner li {
	height:100%;
	float:left;
	overflow:hidden;
	position:relative;
	text-align:center;
}
.banner li a {
	width:100%;
	height:100%;
	display:block;
}
.banner li img {
	display:block;
	position:absolute;
	top:0;
}
.banner .ban_ico {
	height:10px;
	text-align:center;
	position:absolute;
	left:50%; bottom:20px;
}
.banner .ban_ico i {
	width:30px;
	height:10px;
	display:inline-block;
	margin:0 20px;
	cursor:pointer;
	background:#fff;
}
.banner .ban_ico i.active {
	background:black;
}
 .banner .banners {
    margin: 0 auto;
    overflow: visible;
    position: relative;
    width: 1100px;
    z-index: 999; 
} 
 
/*banner结束*/ 
 
 


.ImTable{border-collapse:collapse;border:none;background:url(/UserControls/im/kefu/bg.png) #fff; width:163px; }
.ImTable h2{font-size:14px;font-weight:bold;margin-top:5px}
.ImHeader{height:135px;background:url(/UserControls/im/kefu/im_01.png)}
.ImRow0{background:url(/UserControls/im/kefu/ico_item1.png) no-repeat;margin:8px 11px 5px 24px;height:30px;padding-top:2px;  text-align:left; padding-left:10px;}
.ImRow1{background:url(/UserControls/im/kefu/ico_item1.png) no-repeat;margin:8px 11px 5px 24px;height:30px;padding-top:2px; text-align:left; padding-left:10px;}
a.im,a:hover.im{text-decoration:none;height:35px;color:#000; font-size:12px; line-height:22px; padding-left:12px;}

#kefubtn{ margin-top:195px;}
#bodd{ width:163px; float:right;}
.leftpic{ float:right; margin-top:195px;}
.tbottom{ border-collapse:collapse;border:none;background:url(/UserControls/im/kefu/bg.jpg) #fff; width:140px;}
.tbottom img{ margin-left:-1px;}
.tel{height:80px;background:#28b3ed; }
.ImTable .sao{ text-align:center; height:30px; line-height:30px;}
.ImTable  img{ padding-left:17px; margin-bottom:10px;}
.ImRow0 img,.ImRow1 img{ padding-left:0;}
.pccode img{ padding-left:0;}
.tel h5{font-size:14px;font-weight:bold; color:#fff;text-align:left;margin:0  10px 0;font-family:'微软雅黑'; padding-top:10px;padding-bottom:10px;}
.tel p{font-size:12px;font-weight:bold;  color:#fff;text-align:center; margin-bottom:5px;}
.ImTable .pccode img{width:108px; height:107px; margin-left:25px; margin-top:10px;}
.ImTable .kefu{ background:#fff; border-left:3px solid #bf1b20;border-right:3px solid #bf1b20;}
.ImTable .kefu img{width:117px; height:150px; padding-top:5px;}

#roll_top
{
	position: relative;
	cursor: pointer;
	height:232px;
	width:337px;
}
#roll
{    
    z-index:9;
	display: block; 
	width:337px; 
	position: fixed;
	left:0;
	bottom:0; 
	_margin-right: 0;
	_position: absolute;
	_margin-top: 400px;
	_top: expression(eval(document.documentElement.scrollTop));
}
#roll_top img{height:232px;width:337px;cursor:pointer;}
#fancybox-close { 
    cursor: pointer; 
    height: 30px;
    position: absolute;
    right: 0;
    top: -15px;
    width: 30px;
    z-index: 1103;
}
#fancybox-close img{ width:30px; height:30px;}

#roll2
{    
    z-index:9;
	display: none; 
	width:100px; 
	position: fixed;
	left:0;
	bottom:0; 
	_margin-right: 0;
	_position: absolute;
	_margin-top: 400px;
	_top: expression(eval(document.documentElement.scrollTop));
}
#roll_top2 img{height:70px;width:100px; cursor:pointer;}